* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

.banrap25 h1{
    font-size: 50px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
/* social media */
.social {
    width: 100%;
    height: 12vh;
    background-color: black;
}

.socialrap {
    width: 70%;
    margin: auto;
}

.logo {
    position: absolute;
}

.logo img {
    width: 100%;
    height: 7vh;
    margin-left: -5%;
    margin-top: 70%;
}

.name {
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: aliceblue;
    margin-left: 3%;
}

.name h1 {
    margin-top: 35%;
}

.app {
    float: right;
    margin-top: 6%;
    /* margin-right: -100px; */
}

.app ul li {
    display: inline;
}

.app ul li a {
    color: rgb(255, 255, 255);
    font-size: 20px;
    padding-left: 10px;
    /* padding-right: 0px; */
}

/* navigation bar */
#nav {
    width: 100%;
    height: 7vh;
    background: rgb(32, 32, 32);
}

.navrap {
    width: 80%;
    margin: auto;
}

.menu ul {
    padding-top: 20px;
}

.menu ul li {
    display: inline;
}

.menu ul li a {
    color: rgb(255, 255, 255);
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    /* padding: 10px; */
    padding-left: 20px; 
    padding-right: 20px;
}

.menu ul li a:hover {
    border-top: 2px;
    border-bottom: 2px solid rgb(46, 13, 112);
    color: rgb(246, 32, 221);
}

/* banner*/
.ban20 {
    width: 100%;
    height: 80vh;
    background-image: url(./newban.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    /* border: 9px solid black; */
}

/* banner1 */
.ban25 {
    width: 100%;
    height: 525vh;
    background-color: rgb(162, 244, 238);

}


.ban25 h1 {
    color: rgba(19, 5, 62, 0.877);
    text-align: center;
    margin-top:-15%;
    text-align: center;
}

.banrap25 {
    width: 100%;
    height: 9vh;
    background-color: rgb(255, 255, 255);
}

.banrap25 h1 {
    padding-top: 20px;
    font-size: 35px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    /* margin-top: -15%; */
}

.banrap26 {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    padding-top: 5%;
    padding-left: 30px;
    margin-left: -1;
}

.box25 {
    border: 9px solid rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    height: 60vh;
    width: 95%;
    padding: 20%;
    border-radius: 20%;
}

.box25 img {
    /* color: rgb(229, 228, 228); */
    /* margin-left: 53%; */
    height: 20vh;
    width: 80%;
    margin-top: -50px;
    margin-left:10%;

}

.box25 h1 {
    margin-top: 5%;
    font-size: 13px;
}

.box25 p {
    text-align: center;
    margin-top: 7%;
    font-size: 20px;;
}

.box25 h2 {
    background-color: black;
    font-size: 25px;
    color: rgb(255, 255, 255);
    margin-top: 50px;
    text-align: center;
    border: 9px solid rgb(5, 0, 8);
    border-radius: 20px;
}
/* footer */
.foot{
    width: 100%;
    height: 70vh;
    background-color: black;
    /* padding: 20px; */
    
    }
    .footer{
        width: 50%;
        margin: auto;
    }
    .image{
        width: 17%;
        margin: auto;
    }
    .image img{
        width: 100%;
        height: 15vh;
        margin-left: 1%;
    }
    .company{
        width: 100%
    }
    .company h1{
        text-align: center;
        color: aliceblue;
        font-size: 25px;
    }
    
    .app4 {
        width: 100%;
        margin: auto; 
        /* border: 2px solid white; */
        margin-top: 60px;
    } 
    .app4 ul{
        margin-left: 37%; 
    }
    .app4 ul li {
        display: inline;
    }
    
    .app4 ul li a {
        color: rgb(255, 255, 255);
        font-size: 25px;
        padding-left: 9px;
        /* padding-right: 0px; */
    }
    .info{
        width: 80%;
        margin: auto;
        display: grid;
        grid-template-columns: auto auto auto auto auto;
        grid-column-gap: 30px;
        padding-top: 5%;
        /* padding: 10%; */
    }
    .inforap h1{
        color: aliceblue;
        text-align: center;
        font-size: 30px;
    }
    .inforap p{
        color: darkgray;
        text-align: center;
        font-size: 20px;
    }
    .conclu{
        margin-top: 3% ;
    }
    .conclu p{
        text-align: center;
        color: aliceblue;
        font-size: 20px;
    }